<template>
  <!-- 组件通信-父向子 props -->
  <div>
    <!-- 字符串 还得加引号 变色才行 -->
    <!--
      加: 后面是vue变量数据
      不加: 后面认为是字符串
     -->
    <Chicken :title="'超级好吃的口水'" :price="50" :info="'血亏啊'"></Chicken>
    <Chicken :title="'111'" :price="111" :info="'111'"></Chicken>
  </div>
</template>

<script>
import Chicken from "./components/Chicken";
export default {
  components: {
    Chicken,
  },
  data() {
    return {
      list: [
        {
          id: 1,
          proname: "超级好吃的棒棒糖",
          proprice: 18.8,
          info: "开业大酬宾, 全场8折",
        },
        {
          id: 2,
          proname: "超级好吃的大鸡腿",
          proprice: 34.2,
          info: "好吃不腻, 快来买啊",
        },
        {
          id: 3,
          proname: "超级无敌的冰激凌",
          proprice: 14.2,
          info: "炎热的夏天, 来个冰激凌了",
        },
      ],
    };
  },
};
</script>

<style></style>
